<template>
<div>
  <!-- h 横幅 -->
  <div class="band_ad"></div>

  <!-- 首页内容部分 -->
  <div class="section">
    <hot-content/>
    <section-film/>
  </div>
</div>

</template>
<script>
export default {
  data () {
    return {
    }
  },
  components: {
    HotContent: (resolve) => {
      require(['./hot-content'], resolve)
    },
    SectionFilm: (resolve) => {
      require(['./section-film'], resolve)
    }
  }
}
</script>

<style lang="scss">
.band_ad{
  width: 100%;
  height: 100px;
  margin:10px 5px;
  background:url('../../../assets/images/19th_national_congress.png') no-repeat;
}
.section a{
  text-decoration: none;
}
.section a:hover{ /* 伪类选择器，表示鼠标悬停状态 */
  background-color: #37a;
  color: white;
}
.section a:active{ /* 伪类选择器，表示鼠标点击状态 */
  background-color: #f93;
  color: white;
}

</style>
